<div class="allData">

<div id="header-menu" class="palm-header">
	<div id="scene-title" class="truncating-text">Appname</div>
</div>
<div class="palm-header-spacer"></div>

<!--
<table id="dateGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="dateDivider-label">Date</td>
		<td class="right"></td>
		<td><div id="dateArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>
<div  x-mojo-element="Drawer" id="dateDrawer" class="dateDrawer">
	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="dateList"></div>
		</div>
	</div>
</div>
-->

<table id="activityGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="activityDivider-label">Activity</td>
		<td class="right"></td>
		<td><div id="activityArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="activityDrawer">

	<div id="activityChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="activityList"></div>
		</div>
	</div>
</div>


<table id="deviceGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="deviceDivider-label">device</td>
		<td class="right"></td>
		<td><div id="deviceArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="deviceDrawer">

	<div id="deviceChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="deviceList"></div>
		</div>
	</div>
</div>


<table id="carrierGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="carrierDivider-label">carrier</td>
		<td class="right"></td>
		<td><div id="carrierArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="carrierDrawer">

	<div id="carrierChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="carrierList"></div>
		</div>
	</div>
</div>


<table id="resolutionGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="resolutionDivider-label">resolution</td>
		<td class="right"></td>
		<td><div id="resolutionArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="resolutionDrawer">

	<div id="resolutionChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="resolutionList"></div>
		</div>
	</div>
</div>


<table id="localeGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="localeDivider-label">locale</td>
		<td class="right"></td>
		<td><div id="localeArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="localeDrawer">

	<div id="localeChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="localeList"></div>
		</div>
	</div>
</div>


<table id="appVersionGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="appVersionDivider-label">app Version</td>
		<td class="right"></td>
		<td><div id="appVersionArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="appVersionDrawer">

	<div id="appVersionChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="appVersionList"></div>
		</div>
	</div>
</div>


<table id="webosBuildGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="webosBuildDivider-label">webos Build</td>
		<td class="right"></td>
		<td><div id="webosBuildArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="webosBuildDrawer">

	<div id="webosBuildChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="webosBuildList"></div>
		</div>
	</div>
</div>


<table id="webosVersionGroup" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" id="webosVersionDivider-label">webos Version</td>
		<td class="right"></td>
		<td><div id="webosVersionArrow" class="palm-arrow-closed"></div></td>
	</tr>
</table>      
<div  x-mojo-element="Drawer" id="webosVersionDrawer">

	<div id="webosVersionChart" class="graph-image"> </div>

	<div class="palm-list">
		<div class="palm-row-wrapper">
			<div x-mojo-element="List" id="webosVersionList"></div>
		</div>
	</div>
</div>



<div id="custom1wrapper">
	<table id="custom1Group" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
		<tr>
			<td class="left"></td>
			<td class="label" id="custom1Divider-label">Custom1</td>
			<td class="right"></td>
			<td><div id="custom1Arrow" class="palm-arrow-closed"></div></td>
		</tr>
	</table>      
	<div  x-mojo-element="Drawer" id="custom1Drawer">

		<div id="custom1Chart" class="graph-image"> </div>

		<div class="palm-list">
			<div class="palm-row-wrapper">
				<div x-mojo-element="List" id="custom1List"></div>
			</div>
		</div>
	</div>
</div>

<div id="custom2wrapper">
	<table id="custom2Group" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
		<tr>
			<td class="left"></td>
			<td class="label" id="custom2Divider-label">custom2</td>
			<td class="right"></td>
			<td><div id="custom2Arrow" class="palm-arrow-closed"></div></td>
		</tr>
	</table>      
	<div  x-mojo-element="Drawer" id="custom2Drawer">

		<div id="custom2Chart" class="graph-image"> </div>

		<div class="palm-list">
			<div class="palm-row-wrapper">
				<div x-mojo-element="List" id="custom2List"></div>
			</div>
		</div>
	</div>
</div>

<div id="custom3wrapper">
	<table id="custom3Group" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
		<tr>
			<td class="left"></td>
			<td class="label" id="custom3Divider-label">custom3</td>
			<td class="right"></td>
			<td><div id="custom3Arrow" class="palm-arrow-closed"></div></td>
		</tr>
	</table>      
	<div  x-mojo-element="Drawer" id="custom3Drawer">

		<div id="custom3Chart" class="graph-image"> </div>

		<div class="palm-list">
			<div class="palm-row-wrapper">
				<div x-mojo-element="List" id="custom3List"></div>
			</div>
		</div>
	</div>
</div>

<div id="custom4wrapper">
	<table id="custom4Group" class="palm-divider labeled collapsible right" x-mojo-touch-feedback="delayed">
		<tr>
			<td class="left"></td>
			<td class="label" id="custom4Divider-label">custom4</td>
			<td class="right"></td>
			<td><div id="custom4Arrow" class="palm-arrow-closed"></div></td>
		</tr>
	</table>      
	<div  x-mojo-element="Drawer" id="custom4Drawer">

		<div id="custom4Chart" class="graph-image" class="graph-image"> </div>

		<div class="palm-list">
			<div class="palm-row-wrapper">
				<div x-mojo-element="List" id="custom4List"></div>
			</div>
		</div>
	</div>
</div>




<!--

<div class="palm-scrim" id="myScrim">
	<div x-mojo-element="Spinner" id="spinner" class="center"></div>
	<div id="spinner-text"></div> 
</div>

-->




</div>